Ext.define("Sencha.view.DictionaryContainerList", {
    extend: "Ext.Container",
    xtype: 'dictionarycontainerlist',
    requires: [
        'Sencha.view.DictionarySourceListView'
    ],

    initialize: function () {

        this.callParent(arguments);
        
        var searchField ={
        	xtype: 'searchfield',
        	name : 'email',
            cls: 'dictionarySearchField'
        }
        
    	var engButton = {
    	    xtype: "button",
    	    text: 'ENG',
    	    ui: 'action',
    	    cls: 'engDictionaryButtonOn'
           
    	};
    	
    	var iwaButton = {
    	    xtype: "button",
    	    text: 'IWA',
    	    ui: 'action',
    	    cls: 'iwaDictionaryButtonOff'
    	};
    	
    	var searchToolbar = {
    	    xtype: "toolbar",
    	    docked: "top",
    	    cls: "dictionaryToolBar",
    	    items: [
    	        searchField,
    	        engButton,
    	        iwaButton
    	    ]
    	};

        var dictionarySourceList = {
            xtype: "dictionarysourcelistview",
        
        };

        this.add([searchToolbar, dictionarySourceList]);
    },
  
    config: {
    	title: 'Dictionary',
        layout: {
            type: 'fit'
        }
    }
});